<template>
  <!-- 顶部通栏 -->
  <Topbar />

  <!-- 商品导航 -->
  <Navbar />

  <!-- 吸顶导航 -->
  <NavbarSticky />

  <!-- 二级路由 -->
  <div class="main">
    <router-view></router-view>
  </div>

  <!-- 底部 -->
  <Footerbar />
</template>

<script lang='js'>
import Topbar from '@/components/Topbar'
import Footerbar from '@/components/Footerbar'
import Navbar from '@/components/Navbar'
import NavbarSticky from '@/components/NavbarSticky'
import { useStore } from 'vuex'
export default {
  name: 'Layout',
  components: { Topbar, Footerbar, Navbar, NavbarSticky },
  setup () {
    const store = useStore()
    store.dispatch('category/getList')
    return {}
  }
}
</script>
<style lang='less' scoped>
</style>
